<template>

  <div class="newGoods">
    <div v-if="newGoodsList.length>0">
      <!--<div>
        新品首发
      </div>
      <div>
        <ul>
          <li v-for="(item,index) in newGoodsList">
            {{item.id}}
            {{item.name}}
            {{item.brief}}
            {{item.picUrl}}
            {{item.isNew}}
            {{item.isHot}}
            {{item.counterPrice}}
            {{item.retailPrice}}
          </li>
        </ul>
      </div>-->
      <default-goods-list :goodsList="newGoodsList" :goodsTitle="goodsTitle"></default-goods-list>
    </div>
  </div>
</template>

<script>
  import DefaultGoodsList from "./goodsDetails/DefaultGoodsList";

  export default {
    name: "NewGoods",
    components: {
      DefaultGoodsList
    },
    data() {
      return {
        goodsTitle: '新品首发'
      }
    },
    computed: {
      newGoodsList() {
        return this.$store.state.newGoodsList
      }
    }
  }
</script>

<style scoped>

</style>
